<style>
.step.active{
	background-color: #34FA2E;
	font-size: 14px;
}
.step.active span{
	background-color: #55AFE2;
}

.step{
	padding: 5px;
}
.step span{
	padding: 5px;
}
.comment{
	background-color: #FFAE12;
	padding: 10px 15px;
}
.clearfix{
	clear: both;
	display:block;
}
</style>
<div class="comment">
	<span style="position:absolute; right: 5px; top: 2px">x</span><div classs="clearfix"></div>	
	Bienvenido a la penca para el mundia de Sudáfrica 2010. Realiza apuestas y ganale a tus amigos. Bienvenido a la penca para el mundia de Sudáfrica 2010. Realiza apuestas y ganale a tus amigos
</div>
<div class="steps">
	<div class="step <%= @active == 'step_one' ? "active" : "" %>">
		<span>Paso 1</span>Ingresa tus resultados
	</div>
	<div class="step <%= @active == 'step_two' ? "active" : "" %>">
		<span>Paso 2</span>Desafia a tus amigos
	</div>
	<div class="step <%= @active == 'step_three' ? "active" : "" %>">
		<span>Paso 3</span>Segui tus resultados y los de tus amigos, comenta los partidos, etc.
	</div>
	<div style="margin-left: 20px; margin-top: 20px">
		<%= yield %>
	</div>
</div>